<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>هذه الأعياد،</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>امنح مطوريك هدية او عطاء.</h2>
        <h3 class='h300 pb4 neutralsolid800'>قدم للمطورين لديك 👩🏾‍💻👨🏼‍💻 بطاقة هدايا للتبرع للمشاريع مفتوحة المصدر التي يحبونها. ❤️</h3>
        <p class='pb4'>لقد قام مطوريك بأشياء مدهشة هذا العام. لم يكن بإمكانهم فعل الكثير بدون دعم مجتمع المصدر المفتوح. حيث يتعلمون, حيث يمكنهم إعادة استخدام الأدوات, المكتبات. وحدات حتى لا تحتاج إلى إعادة اختراع العجلة ويمكنهم التركيز على جعلها تعمل لتلبية احتياجاتك الخاصة.</p>
        <p class='pb1 -font-bold neutralsolid800'>الأسئلة الأكثر شيوعاً</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            ماذا يحدث إذا لم تستخدم بطاقات الهدايا؟            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>يتم شحنك فقط عند تستخدم بطاقات الهدايا. إذا أعطيت بطاقة هدية بقيمة 50 دولار لـ 10 من موظفيك و 8 فقط استخدمتها، فستفرض عليك رسوم 400 دولار.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            هل أحصل على فاتورة؟
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>نعم، سوف تتلقى فاتورة شهرية موحدة مناسبة من <a href='https://opencollective.com/opensource'>مجموعة المصدر المفتوح 501c6.</a></p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            هل هناك تاريخ انتهاء؟
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>بشكل افتراضي تنتهي صلاحية بطاقات الهدايا بعد 3 أشهر، ولكن يمكنك تحديد تاريخ انتهاء الصلاحية الخاص بك. وإذا لم تستخدم في ذلك الوقت، فإنها تصبح غير نشطة. لن توجه إليك أي تهمة إذا لم يتم استخدامها.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            تلقيت بطاقة هدية، هل أحتاج إلى إنفاقها كلها مره واحده؟
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>لا، يمكنك استخدام بطاقة الهدايا الخاصة بك لإعطاء أي مبلغ لأي مجموعة ما دام لديك رصيد كاف على البطاقة.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            من سيظهر كداعم من شركتي أو الموظفين لدي؟
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>كلاهما الشخص الذي أعطيت له بطاقة الهدية هو الشخص الذي يختار الجمعيات التي يريد دعمها. ولكن تبرعهم سيظهر بأنهم استخدموا بطاقة هدايا موهوبة من شركتك وستظهر شركتك أيضا كراعي للمجموعة. انظر على سبيل المثال <a href='https://opencollective.com/triplebyte'>Triplebyte</a> التي تظهر كراعي لـ <a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>قم بإنشاء منظمة الآن وأبدء في إصدار بطاقات الهدايا!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>إنشاء منظمة</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
